<template>
    <div class="fluid">
        <div class="rowOne">
            <!-- banner图最好给大图，下面的图无所谓 -->
            <img :src="result.banner" alt="" width="100%">
        </div>
        <div class="container">
            <p class="p1">{{result.title1}}</p>
            <p class="p2">{{result.content1}}</p>
            <p><button class="oneButton">立即注册</button></p>
            <p class="imgTop"><img :src="result.img1" alt=""></p>
            <p class="p1">{{result.title2}}</p>
            <p class="p2">{{result.content2}}</p>
            <p><button class="oneButton">免费查询</button></p>
            <p class="imgTop"><img :src="result.img2" alt=""></p>
            <p class="p1">{{result.title3}}</p>
            <p class="p2">{{result.content3}}</p>
            <p><button class="oneButton">免费资讯</button></p>
            <p class="imgTop"><img :src="result.img3" alt=""></p>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return {
            id:"",
            result:""
        }
    },
    mounted(){
        this.id = this.$route.query.id
        this.$ajax.post(this.Ipurl+"industryPlan/queryById"+"?id="+this.id).then(res=>{
            this.result = res.data.dataInfo
        })
    }
};
</script>
<style scoped>
.fluid {
  width: 100%;
}
.rowOne {
  width: 100%;
}
.container {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
.p1 {
  font-size: 30px;
  color: rgb(34, 34, 34);
  font-weight: bold;
  margin-top: 60px;
}
.p2 {
  font-size: 16px;
  color: rgb(34, 34, 34);
  margin-top: 26px;
}
.oneButton{
    width: 110px;
    height: 40px;
    background: #ed4040;
    color: #fff;
    border-radius: 20px;
    margin-top: 30px;
    font-size: 16px;
}
.imgTop{
    margin-top: 60px;
}
</style>


